import {Component} from 'react'

class Child extends Component{

   constructor(props){
        super(props)
        this.state={
           message:""
        }
    }
    //点击事件的方法
    valueToParent=()=>{
         //获得父组件的方法并调用该方法
         //然后通过参数把子组件的值传给父组件
       this.props.updateMethod(this.state.message);
    }

    handleChange=(e)=>{
       let val = e.target.value;
       this.setState({
        message:val
       }
       ) 
    }

    render(){
        return (
           <div>
               <h1>子组件</h1> 
               <input value={this.state.message} onChange={this.handleChange}/>
                <button onClick={this.valueToParent}>传值给父组件</button> 
           </div> 
        )

    }
}

export default Child
